body{
    font-family:"微软雅黑";
}
.wrap{
    width: 1197px;
    height: auto;
    margin:0 auto;
   
    
}
.header{
    text-align:center;
    padding-top:98px;
}
.Title{
    font-size:50px
}
.info{
    font-size:20px;
    color:#a1a1a7;
    line-height:70px;
}
/* IT的行业分析 */
.industry{
   padding:0 18px 0 30px;
  
}
.TextList{
   padding-top:62px;
    display:flex;
    justify-content:space-between;
    padding-bottom:58px;
}
.TextList li{
    width: 262px;
    height:300px;
}
.ImgList{
    
    display:flex;
    justify-content:space-between;
    font-family:"微软雅黑";
    padding-bottom:76px;
    
}

.TestTitle{
   padding-top:89px;
   font-size:24px;
   background:url(../upload/images/7.jpg) no-repeat center 11px;
   height:24px;
   text-align:center;
   font-weight:normal;
   color: #3c4450;
}
#TestTitleurl1{
    background:url(../upload/images/2.jpg) no-repeat center 11px;
}
#TestTitleurl2{
    background:url(../upload/images/82.jpg) no-repeat center 11px;
}
#TestTitleurl3{
    background:url(../upload/images/83.jpg) no-repeat center 11px;
}
#TestTitleurl4{
    background:url(../upload/images/84.jpg) no-repeat center 11px;
}
.submary{
    font-size:16px;
    line-height:25px;
    color:#919191;
    padding-top:25px;
}
.consult-wrap{
    height:46px;
  
    display:flex;
    justify-content:center;
    
}
.school-consult{
    bottom: 53px;
    position: absolute;
    left:calc(50% - 138px);
 
 }
.consult{
    padding:0 50px;
    font-size:16px;
    
    height:46px;
    line-height:46px;
    background:#1bcbf4;
    text-align:center;
    color:#fff;
    text-decoration:none;
}
/* IT行业岗位需求分析 */
.req .req-text{
   font-size:20px;
   line-height:72px;
}
.req-img{
    padding-top:29px;
}

/* IT从业方向 */
.contents{
    width:100%;
    height:827px;
    background:url(../upload/images/9.jpg) no-repeat;
    position: relative;
   margin-top:91px;
}
.career{
    position: absolute;
    width:834px;
    height: 516px;
    left:calc(50% - 417px);
    top:calc(50% - 258px)
}

/* IT专业--课程介绍 */
.intro{
    width: 1197px;
    height: auto;
    margin:0 auto;
}
#intro-consult{
   margin-top:64px;
}

.course{
   padding: 46px 25px 0 30px;
}
.course-title{
   display:flex;
   justify-content:space-between;
}
.course-title div{
    background:#1bcbf4;
    line-height:49px;
    font-size:18px;
    width:423px;
    text-align:center;
}
.course-title div:nth-of-type(1){
    width: 275px;
}
.course-intro{
    width:100%;
    /* justify-content:space-between; */
    height:751px;
    margin-top: 10px
    
}
.course-kids-wrap{
    height:709px;
    width: 42px;
    background:#f6fbfe;
    float: left;
    display:flex;
    justify-content:center;
    align-items:center;
    
}
.course-kids{
   
    width:20px;
}
.course-contents{
    width: 1088px;
    float:left;
    display: flex; 
    flex-wrap:wrap;
    justify-content:space-between;
    margin-left:11px;
}
.course-contents div{
   
     background:#f6fbfe;
     color:#000;  
     width:423px;
     margin-bottom:11px;
     box-sizing:border-box;

	
}

.course-contents div:nth-of-type(1){ height:266px;width:222px;}
.course-contents div:nth-of-type(2){ height:266px;padding:28px 31px 0 20px}
.course-contents div:nth-of-type(3){ height:266px;padding:28px 23px 0 25px}
.course-contents div:nth-of-type(4){ height:200px;width:222px;}
.course-contents div:nth-of-type(5){ height:200px; padding:28px 31px 0 20px}
.course-contents div:nth-of-type(6){ height:200px;  padding:28px 23px 0 25px}
.course-contents div:nth-of-type(7){ height:220px; width:222px;}
.course-contents div:nth-of-type(8){ height:220px;  padding:28px 31px 0 20px}
.course-contents div:nth-of-type(9){ height:220px; padding:28px 23px 0 25px}

#major{
  display:flex;
  justify-content:center;
  align-items:center;
}


/* 讲师照片和介绍 */
.photos{
    width: 1197px;
  
    margin:0 auto;
    padding:0 15px 0 18px;
    box-sizing: border-box
}
.photosList{
    display: flex;
    justify-content:space-between;
    margin-top:55px;
}
.photosList li{
    width:278px;
}

.photosList li img{
    width: 278px;
    height:416px;

} 
.Names{
    padding-top:19px;
    
}
.Names h1{
    font-size:28px;
    text-align:center;
    line-height:42px;
}
.Names p{
    font-size:16px;
    line-height:30px;
    text-align:center;
    color:#a1a1a7;
}
.skill{
    font-size:16px;
    line-height:24px;
    color:#a1a1a7;
}
#photos-consult{
    margin-top:95px;
}
/* 校园环境 */
.school{
    position: relative;
    height:895px;
    width:100%;
    background: url(../upload/images/6.jpg) no-repeat center 0;
    margin-top:91px;
}
.envir{
    position: absolute;
    top:295px;
    left:calc(50% - 581px);
    width: 1193px;
    height: 396px;

}
.envir-top{
    
}
.envir-top img{
    float:right;
    margin-left:15px;
    height:190px;
    width:281px;
}
.envir-bottom{
    margin-top:13px;
}
.envir-bottom img{
    float:right;
    margin-left:15px;
    height:190px;
    width:281px;
}

.school-header{
    text-align:center;
    color:#fff;
    padding-top:71px;
    
}


/* 课程阶段介绍 */
.Contents{
    height:1097px;
    background:#f5f7f8;
}
.Contents-img{
    height:618px;
    text-align:center;
    padding-top:45px;
   
}
.Contents-img img{
    width: 1084px;
    height:618px;
}
#Contents-consult{
    margin-top:113px;
}
.a1{
    margin-bottom:58px;
    position:absolute;
    bottom:38px;
    left:calc(50% - 140px)
}
.footer{
    width:1116px;
    height:800px;
   display: flex;
   position: relative;
   left:calc(50% - 580px);
   justify-content:space-between;
}
.footer-left{
    padding-top:149px;
}
.footer-right{
    width:765px;
    height:585px;
   
    margin-top:66px;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.footer-right img{
    margin-bottom:10px;
    width:182px;
    height:108px;
    border: 1px solid #e7ebeb;
}

/* 电子商务 */
/* 课程介绍 */
#ecomm-intro{
    height:300px;
}
#ecomm-intro-wrap{
    height:266px;
}

/* 行业分析 */
.ecomm-industry{
    display:flex;
    justify-content:space-between;
}
.ecommList{
  width:791px;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}
.ecommList li{
    width:240px;
}
.ecommImgList{
    width:311px; 
}
.ecommImgList img{
    width:311px;
}
#ecomm-consult-wrap{
   top:71px;
   height:46px;
   margin-top:71px;
}
#ecomm-consult{
    background:#e84545;
    color:#fff;
}
#ecomm-imgs li:nth-of-type(1) h3{
    background:url(../upload/images/48.jpg) no-repeat center 11px;
}
#ecomm-imgs li:nth-of-type(2) h3{
    background:url(../upload/images/49.jpg) no-repeat center 11px;
}
#ecomm-imgs li:nth-of-type(3) h3{
    background:url(../upload/images/50.jpg) no-repeat center 11px;
}
#ecomm-imgs li:nth-of-type(4) h3{
    background:url(../upload/images/51.jpg) no-repeat center 11px;
}
#ecomm-imgs li:nth-of-type(5) h3{
    background:url(../upload/images/52.jpg) no-repeat center 11px;
}
#ecomm-imgs li:nth-of-type(6) h3{
    background:url(../upload/images/53.jpg) no-repeat center 11px;
}

/* 需求分析 */
#ecomm-req{
   
   
   
}
.ecomm-req-content{
    height:796px;
    width:100%;
    background:#f5f7f8;
    position:relative;
}
.ecomm-title-wrap{
    width:100%;
    padding-top:60px;
}
.ecomm-title{
    width: 898px;
    height:0;
    padding-top:109px;
    overflow:hidden;
    background:url(../upload/images/54.jpg);
    margin: auto;
    
}
.ecomm-primary{
    width:1180px;
    margin:0 auto;
    display: flex;
    justify-content:space-between;
   
    margin-top:92px;
}
.ecomm-primary p{
    width:256px;
    font-size:20px;
    font-weight:bold;
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin-left:14px;
    line-height:60px;
}

/* 从业方向 */
#ecomm-contents{
    background:url(../upload/images/59.jpg) no-repeat center center;
}

/* 设计专业 */

/* 优势 */
.design-industry{
    position:relative;
    height:450px;
    width:1170px;

}
.design-industry div{
    width:444px;
    height:180px;
    position: absolute;

}
.design-industry .design-industry1{
    background:url(../upload/images/64.jpg) no-repeat;
    left:0;
    top:0;
}
.design-industry .design-industry2{
    background:url(../upload/images/65.jpg) no-repeat;
    right:0;
    top:0
}
.design-industry .design-industry4{
    background:url(../upload/images/66.jpg) no-repeat;
    left:0;
    bottom:0
}
.design-industry .design-industry5{
    background:url(../upload/images/67.jpg) no-repeat;
    right:0;
    bottom:0
}
.design-industry-text{
    width:380px;
    height:380px;
    border-radius:50%;
    position: absolute;
    left:calc(50% - 236px);
    top:calc(50% - 211px);
   background:#fff;
    z-index:2;
    padding:27px;
    
}
.design-industry-text .design-industry-cicle{
    width:380px;
    height:380px;
    border-radius:50%;
    box-sizing:border-box;
    text-align:center;
     padding-top:107px;
     background:url(../upload/images/69.jpg) no-repeat;
     display:flex;
     justify-content:center;
     align-content:center;
     
}
.design-industry-text .design-industry-cicle h3{
    width:195px;
    height:0;
    padding-top:148px;
    background:url(../upload/images/68.jpg) no-repeat center 0;
    overflow:hidden;
   
}

.design-industry-text p{
    font-size:14px;
    position: absolute;
    width:86px;
    text-align:center;

}
.design-industry-text p:nth-of-type(1){
    top:calc(50% - 19px);
    left:-86px;
}
.design-industry-text p:nth-of-type(2){
    top:-35px;
    left:calc(50% - 45px);
}
.design-industry-text p:nth-of-type(4){
    top:calc(50% - 10px);
    left:431px;
    width:105px;
}
.design-industry-text p:nth-of-type(3){
    top:412px;
    left:calc(50% - 51px);
    width:105px;
}
.design-merit{
    padding-top:57px;
}
.design-merit dt{
    font-size:24px;
    color:#fff;
    text-align:center;
    line-height:31px;
}
.design-merit dd{
    font-size:16px;
    color:#fff;
    text-align:center;
    line-height:23px;
}

/* 学ui好不好 */
.design-req{
    width:1162px;
    margin:0 auto;
}
.design-req1{
    display:flex;
    justify-content:space-between;
}
.design-req1 div{
    width:566px;
    height:166px;
}
.design-req1 div img{
    width:100%;
    height:100%;
}
.design-req2{
    width:100%;
    height:448px;
    position:relative;
    margin-top:60px;
}
.design-req2 img{
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0
}
.design-req2 h1{
    position: absolute;
    width:100%;
    text-align:center;
    z-index:2;
    font-size:24px;
    color:#e84545;
   top:-15px;
}
.design-req2 h2{
    position: absolute;
    width:100%;
    z-index:2;
    text-align:center;
    top:61px;
}
/* 课程介绍 */
#design-course{
    height:477px;
}
#design-course-intro{
    height:525px;
}
/* 需求分析 */
#design-course-wrap{
    margin-top:64px;
}
#design-consult{
    background:#e84545;
    color:#fff;
  
}
/* 学生作品 */
.opus{
    width: 1124px;
    margin:0 auto;
    display:flex;
    justify-content:space-between;
}
.opus img{
    display:block;
    margin-bottom:27px;
}
.opusL{
    width:309px;
}
.opusM{
    width:330px;
    padding-top:37px;
}
.opusR{
    width:433px;
}

#design-contents{
    background:url(../upload/images/80.jpg) no-repeat center center;
}
